<template>

  <div class="zbox">
    <!-- 汽车金融 开始 -->
    <div class="zcar_list">
      <div class="ht_fin">
        恒天金融
      </div>
      <div class="ht_fint">
        服务开证、押汇、垫税
      </div>
      <div class="zcx fin_list">
        <ul>
          <li>
            <router-link :to="{path: '/fincance/edit'}">
              <div class="fin_des">
                <h2>金融—信用证</h2>
                <p>平台给经销商提供信用证业务</p>
                <img src="../../images/fin_img1.png" />
              </div>
            </router-link>
          </li>
          <li>
            <router-link :to="{path: '/fincance/edit'}">
            <div class="fin_des">
              <h2>金融—押汇</h2>
              <p>经销商通过库存车辆进行抵押</p>
              <img src="../../images/fin_img2.png" />
            </div>
            </router-link>
          </li>
          <li>
            <router-link :to="{path: '/fincance/edit'}">
            <div class="fin_des">
              <h2>金融—垫税</h2>
              <p>给经销商进行垫资缴税业务</p>
              <img src="../../images/fin_img3.png" />
            </div>
            </router-link>
          </li>

        </ul>
      </div>
    </div>
    <foot></foot>
  </div>
</template>

<script>
  import foot from '../../components/footer/footGuide'
  export default {
        name: "index",
        components : {
          foot
        }
    }
</script>


<style lang="scss"  scoped>
  @import "../../style/common";
  @import "../../style/mixin";
  .zcar_list{margin-bottom: 1.3rem;margin-top: 1.1rem;overflow: hidden;}
  /*汽车金融*/
  .zcx ul li{background: #fff;box-shadow: 0 0 10px 0 #e5e4e7;}
  .zcar_list .zcx ul li{margin-bottom: 0.1rem;}
  .ht_fin{font-size: 0.5rem;font-weight: 600;text-align: center;color: #9c8949;margin-top: .8rem;}
  .ht_fint{font-size: 0.26rem;text-align: center;color: #888;margin-bottom: 0.3rem;margin-top: 0.2rem;}
  .fin_list{margin: .1rem;}
  .fin_list ul li{border-radius:2px;padding: 0.4rem 0.2rem;position: relative;}
  .fin_list .fon1{color: #fff;font-size: .36rem;border-radius: 2px;color: #666;}
  .fin_list .fon1 span{font-size: 0.24rem;}
  .fin_list .fin_des{background: #fff;}
  .fin_list .fin_des h2{height: .36rem;line-height: .36rem;font-size: 0.36rem;color: #9f7f4a;margin:0.3rem 0.2rem ;}
  .fin_list .fin_des p{line-height: 0.36rem;color: #888;font-size: 0.3rem;margin:0.1rem 0.24rem;}
  .fin_list .fin_des img{width:1.5rem;position: absolute;right: 0.2rem;top: 0.3rem;}
</style>
